.mhcdkey-tj{height: 380px;background: url(../images/tuijianbg.png) no-repeat center;overflow: hidden;position: relative;}
.mhcdkey-tj>div{position: relative;height: 378px;overflow: hidden;}
.mhcdkey-tj ul{width: 1200px; position: absolute;margin-top: 30px;}
.mhcdkey-tj li{width: 220px;height: 320px;display: block;float: left;border-radius: 10px;position: relative;margin-right: 25px;overflow: hidden;}
.mhcdkey-tj li:last-child{margin-right: 0;}
.mhcdkey-tj li:hover a div{bottom: 0;transition: all .3s linear;height: 100%;}
.mhcdkey-tj li a img{width: 220px;height: 320px;display: block;border-radius: 10px;}
.mhcdkey-tj li a div{position: absolute;bottom: -320px;left: 0;height: 0;width: 100%;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0,0.8));border-radius: 10px;}
.mhcdkey-tj li a div p:nth-child(1){font-size: 24px;color: #fff;text-align: center;line-height: 24px;white-space: nowrap;margin-top: 32px;}
.mhcdkey-tj li a div p:nth-child(2){margin: 0 auto;text-align: center;margin-top: 20px;color: #fff;}
.mhcdkey-tj li a div span{position: absolute;bottom: 0;display: block;height: 48px;width: 220px;background: #01c1d6;font-size: 20px;text-align: center;line-height: 48px;color: #fff;box-shadow: 0 3px 25px rgb(248 150 53 / 80%);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.mhcdkey-top3{height: 246px;background: #fff;margin-top: 28px;overflow: hidden;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;border-radius: 8px;}
.mhcdkey-top3 ul{overflow: hidden; padding: 24px 20px 17px;}
.mhcdkey-top3 li{float: left;margin-right: 30px;}
.mhcdkey-top3 li:last-child{margin-right: 0;}
.mhcdkey-top3 li:hover a img{opacity: .8;}
.mhcdkey-top3 li:hover a p{color: #01c1d6;}
.mhcdkey-top3 li a img{width: 88px;height: 88px;display: block;border-radius: 24px;}
.mhcdkey-top3 li a p{width: 88px;white-space: nowrap;overflow: hidden;font-size: 18px;color: #333333;text-align: center;line-height: 20px;margin-top: 14px;}
.mhcdkey-top3>p{width: 1168px;height: 28px;line-height: 28px;color: #dee0e7;margin: 0 auto 10px; overflow: hidden;white-space: nowrap;}
.mhcdkey-top3>p span{display: inline-block;padding:0 10px;height: 26px;color: #f4f4f5;font-size: 14px;background-color: #ff6933;text-align: center;border-radius: 13px;margin-right: 6px;font-weight: 600;line-height: 26px;}
.mhcdkey-top3>p:nth-of-type(1) span{background: #01c1d6;}
.mhcdkey-top3>p a{color: #666666;font-size: 16px;margin: 0 10px;}
.mhcdkey-top3>p a:hover{color: #01c1d6;}
.mhcdkey-3lie{margin-top: 26px;margin-bottom: 20px;}
.huandeng { width: 390px; height: 340px; position: relative; float: left; overflow: hidden; border-radius: 6px;}
.huandeng ul { position: relative; overflow: hidden; }
.huandeng li { width: 390px; height: 340px; float: left; position: relative; overflow: hidden; border-radius: 6px; }
.huandeng li img { width: 390px; height: 340px; }
.huandeng .text {position: absolute;left: 0px;bottom: 0px;font-size: 14px;color: rgb(255, 255, 255);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));display: block;width: 350px;padding: 106px 20px 14px;white-space: nowrap;overflow: hidden;border-radius: 10px;}
:root .huandeng .text { filter: none; }
.huandeng .text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 335px; }
.huandeng .dot {width: 30px;position: absolute;bottom: 18px;right: 5px;overflow: hidden;}
.huandeng .dot div { padding-right: 5px; float: right; }
.huandeng .dot i { display: block; width: 8px; height: 8px; overflow: hidden; margin: 5px 4px 0px 0px; background-color: rgb(153, 153, 153); float: left; cursor: pointer; }
.huandeng .dot i.current { background: #01c1d6; }
.mhcdkey-3lie .main{float: left;margin-left: 20px;background: #fff;width: 460px;height: 340px;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;}
.mhcdkey-3lie .main div{text-align: center;padding:0 15px 5px;overflow: hidden;margin-top: 15px;}
.mhcdkey-3lie .main div>a{display: block; text-overflow: ellipsis; font-size: 20px;color: #ff2317;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.mhcdkey-3lie .main div>a:hover{color: #01c1d6;}
.mhcdkey-3lie .main div p{width: 90%;margin: auto;white-space: nowrap;overflow: hidden;margin-top: 3px;line-height: 25px;height: 25px;}
.mhcdkey-3lie .main div p a{font-size: 12px;color: #666;display: inline-block; line-height: 25px;max-width:60%;overflow: hidden;vertical-align: middle;}
.mhcdkey-3lie .main div p a:hover{color: #01c1d6;}
.mhcdkey-3lie .main ul{margin: 4px 20px 0;border-top: 1px dashed #dcdcdc;padding-top: 3px;height: 230px;overflow: hidden;}
.mhcdkey-3lie .main li{height: 34px;overflow: hidden;white-space: nowrap;line-height: 34px;}
.mhcdkey-3lie .main li a p{font-size: 16px;color: #4c4c4c;float: left;line-height: 34px;width: 370px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mhcdkey-3lie .main li a span{font-size: 14px;color: #999999;float: right;line-height: 34px;}
.mhcdkey-3lie .main li:hover a p{color: #01c1d6;}
.mhcdkey-3lie .right{float: left;margin-left: 20px;background: #fff;width: 310px;height: 332px;border-radius: 6px;padding-top: 8px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;}
.mhcdkey-3lie .right>div:nth-child(2){overflow: hidden;margin: 18px 20px 0;}
.mhcdkey-3lie .right>div:nth-child(2) a{display: block;width: 270px;height: 80px; }
.mhcdkey-3lie .right>div:nth-child(2) a img{width: 80px;height: 80px;display: block;border-radius: 20px;float: left;margin-right: 20px;}
.mhcdkey-3lie .right>div:nth-child(2) a p:nth-of-type(1){font-size: 16px;color: #1a1a1a;line-height: 18px;white-space: nowrap;overflow: hidden;margin-top: 7px;}
.mhcdkey-3lie .right>div:nth-child(2) a p:nth-of-type(2){font-size: 14px;color: #808080;line-height: 16px;margin-top: 12px;}
.mhcdkey-3lie .right>div:nth-child(2) a p:nth-of-type(3){font-size: 14px;color: #808080;line-height: 16px;margin-top: 8px;}
.mhcdkey-3lie .right>div:nth-child(2) a p span{font-size: 14px;color: #333;line-height: 16px;}
.mhcdkey-3lie .right>div:nth-child(2)>p{font-size: 14px;color: #808080;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;float: left;margin-top: 10px;}
.mhcdkey-3lie .right>div:nth-child(3){overflow: hidden;margin: 14px 20px 0;}
.mhcdkey-3lie .right>div:nth-child(3) a{display: inline-block;float: left;margin-right: 18px;}
.mhcdkey-3lie .right>div:nth-child(3) a:last-child{margin-right: 0;}
.mhcdkey-3lie .right>div:nth-child(3) a img{width: 78px;height: 78px;display: block;border-radius: 16px;}
.mhcdkey-3lie .right>div:nth-child(3) a p{font-size: 16px;color: #333333;line-height: 18px;margin-top: 8px;text-align: center;width: 78px;white-space: nowrap;overflow: hidden;}
.mhcdkey-3lie .right>div:nth-child(3) a:hover p{color: #01c1d6;}
.mhcdkey-gamelist{background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;overflow: hidden;padding-bottom: 5px;}
.mhcdkey-gamelist>div{width: 848px;margin: 0 20px;float: left;}
.mhcdkey-gamelist>div>p{background: url(../images/shouyetitle.png) no-repeat;height: 22px;margin-top: 27px;text-align: center;}
.mhcdkey-gamelist>div>p span{font-size: 20px;color: #8f99a5;margin-right: 50px;cursor: pointer;position: relative;}
.mhcdkey-gamelist>div>p span:nth-child(2){margin-right: 0;}
.mhcdkey-gamelist>div>p span.current,.mhcdkey-gamelist>div>p span:hover{font-weight: 600;color: #01c1d6;}
.mhcdkey-gamelist>div>p span.current em,.mhcdkey-gamelist>div>p span:hover em{width: 40px;height: 4px;display: block;position: absolute;background: #01c1d6;border-radius: 4px;left: 20px;bottom: -6px;}
.mhcdkey-gamelist ul{margin-top: 32px;display: none;}
.mhcdkey-gamelist ul:nth-of-type(1){display: block;}
.mhcdkey-gamelist li{float: left;margin-bottom: 20px;margin-right: 37px;}
.mhcdkey-gamelist li:nth-child(6n){margin-right: 0;}
.mhcdkey-gamelist li a img{width: 110px;height: 110px;border-radius: 26px;display: block;}
.mhcdkey-gamelist li a p{font-size: 16px;color: #333;line-height: 18px;text-align: center;white-space: nowrap;overflow: hidden;width: 110px;margin-top: 11px;}
.mhcdkey-gamelist li:hover a img{opacity: .8;}
.mhcdkey-gamelist li:hover a p{color: #01c1d6;}
.mhcdkey-gamelist>a{display: block;width: 290px;margin-left: 4px;float: left;}
.mhcdkey-gamelist>a img{height: 517px;width: 290px;display: block;border-radius: 12px;margin-top: 24px;}
.mhcdkey-zt{height: 238px;background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;margin-top: 24px;margin-bottom: 24px;overflow: hidden;position: relative;}
.mhcdkey-zt>div:nth-child(2){position: relative;overflow: hidden;margin: 0 20px;}
.mhcdkey-zt>div:nth-child(2) ul{position: relative;}
.mhcdkey-zt>div:nth-child(2) ul li{margin-right: 14px;position: relative;box-shadow: rgb(0 0 0 / 20%) 0px 10px 30px 0px;width: 279px;height: 140px;overflow: hidden;float: left;}
.mhcdkey-zt>div:nth-child(2) ul li:last-child{margin-right: 0;}
.mhcdkey-zt>div:nth-child(2) ul li a img{width: 280px;height: 140px;display: block;}
.mhcdkey-zt>div:nth-child(2) ul li a div{width: 280px;height: 140px;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74));box-shadow: rgb(0 0 0 / 20%) 1px 10px 30px 0px;position: absolute;left: 0px;bottom: 0px;z-index: 3;}
.mhcdkey-zt>div:nth-child(2) ul li a div p{display: block;color: rgb(255, 255, 255);font-size: 18px;margin: 60px 10px 0px;white-space: nowrap;overflow: hidden;text-align: center;font-weight: 600;}
.mhcdkey-zt>div:nth-child(2) ul li:hover a div p{margin-top: 58px;font-size: 24px;line-height: 24px;}
.mhcdkey-zt>div:nth-child(2) ul li:hover a em{width: 280px;height: 62px;background: rgba(0, 0, 0, .4);display: block;position: absolute;top: 40px;left: 0;}
.mhcdkey-zt>div:nth-child(3){height: 32px;position: absolute;top: 20px;right: 22px;}
.mhcdkey-zt>div:nth-child(3) span{width: 97px;height: 32px;margin-right: 16px;font-size: 14px;color: #999999;background: #f0f0f0;display: inline-block;cursor: pointer;line-height: 32px;}
.mhcdkey-zt>div:nth-child(3) span:nth-child(1){border-top-left-radius: 16px;border-bottom-left-radius: 16px;}
.mhcdkey-zt>div:nth-child(3) span:nth-child(2){border-top-right-radius: 16px;border-bottom-right-radius: 16px;margin-right: 0;padding-left: 10px;width: 87px;}
.mhcdkey-zt>div:nth-child(3) span i{vertical-align: top;}
.mhcdkey-zt>div:nth-child(3) span:nth-child(1) i{width: 36px;height: 32px;display: inline-block;background-position: -209px -31px;margin-right: 10px;cursor: pointer;}
.mhcdkey-zt>div:nth-child(3) span:nth-child(2) i{width: 36px;height: 32px;display: inline-block;background-position: -254px -31px;cursor: pointer;margin-left: 9px;}
.mhcdkey-zt>div:nth-child(3) span:hover{background: #fffbeb;color: #01c1d6;}
.mhcdkey-zt>div:nth-child(3) span:nth-child(1):hover i{background-position-x: -120px;}
.mhcdkey-zt>div:nth-child(3) span:nth-child(2):hover i{background-position-x: -166px;}
.appZ .mhcdkey-bt3 p i{background-position: -38px -104px;}
.mhcdkey-ph{width: 100%;height: 615px;margin-bottom: 24px;}
.mhcdkey-ph>div{overflow: hidden;display: flex;}
.mhcdkey-ph .index-phlist{background: url(../images/indexph.png) no-repeat;width: 380px;height: 613px;overflow: hidden;margin-right: 30px;}
.mhcdkey-ph .index-phlist>p{display: block;width: 264px;position: relative;margin-top: 32px;margin-left: 56px;height: 60px;}
.mhcdkey-ph .index-phlist>p i{background-position: -534px -5px;width: 264px;height: 60px;position: absolute;left: 0;top: 0;}
.mhcdkey-ph .index-phlist>p span{position: absolute;z-index: 3;text-align: center;font-size: 24px;color: #fff;line-height: 24px;width: 264px;display: block;font-weight: 600;margin-top: 8px;}
.mhcdkey-ph .index-phlist>div{overflow: hidden;}
.mhcdkey-ph .index-phlist>div a{float: left;margin-top: 60px;position: relative;}
.mhcdkey-ph .index-phlist>div a:nth-child(1){margin-left: 30px;}
.mhcdkey-ph .index-phlist>div a:nth-child(2){margin: 50px 42px 0 40px;}
.mhcdkey-ph .index-phlist>div a:nth-child(3){margin-right: 20px;}
.mhcdkey-ph .index-phlist>div a img{width: 80px;height: 80px;display: block;border-radius: 18px;}
.mhcdkey-ph .index-phlist>div a:nth-child(2) img{width: 88px;height: 88px;}
.mhcdkey-ph .index-phlist>div a p{font-size: 18px;color: #333333;line-height: 20px;text-align: center;width: 80px;white-space: nowrap;overflow: hidden;margin-top: 14px;}
.mhcdkey-ph .index-phlist>div a:nth-child(2) p{margin-top: 16px;width: 88px;}
.mhcdkey-ph .index-phlist>div a i{position: absolute;top: -10px;left: -14px;}
.mhcdkey-ph .index-phlist>div a:nth-child(1) i{width: 28px;height: 24px;display: inline-block;background-position: -439px -2px;}
.mhcdkey-ph .index-phlist>div a:nth-child(2) i{width: 38px;height: 34px;display: inline-block;background-position: -392px -2px;top: -16px;}
.mhcdkey-ph .index-phlist>div a:nth-child(3) i{width: 28px;height: 24px;display: inline-block;background-position: -474px -3px;}
.mhcdkey-ph .index-phlist ul{margin: 12px 20px 0;}
.mhcdkey-ph .index-phlist ul li{height: 46px;border-top: 1px solid #e5e5e5;}
.mhcdkey-ph .index-phlist ul li a i{width: 24px;height: 24px;display: inline-block;border-radius: 4px;color: #fff;line-height: 24px;text-align: center;font-size: 14px;background: #e5e5e5;margin-right: 20px;float: left;margin-top: 10px;}
.mhcdkey-ph .index-phlist ul li:hover a i{background: #01c1d6;}
.mhcdkey-ph .index-phlist ul li a p{font-size: 18px;color: #333;line-height: 46px;display: inline-block;width: 215px;white-space: nowrap;overflow: hidden;float: left;}
.mhcdkey-ph .index-phlist ul li a span{display: inline-block;font-size: 16px;color: #999999;line-height: 46px;float: right;}
.mhcdkey-ph .index-phlist>div a:hover img{opacity: .6;}
.mhcdkey-ph .index-phlist>div a:hover p{color: #01c1d6;}
.mhcdkey-ph .index-phlist ul li:hover a p{color: #01c1d6;}
.mhcdkey-ph .index-phlist:last-child{margin-right: 0;}
.mhcdkey-ph .index-phlist:nth-child(2)>p i{background-position-y: -74px;}
.mhcdkey-ph .index-phlist:nth-child(3)>p i{background-position-y: -140px;}
.friend{background: #fff;border-radius: 6px;overflow: hidden;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;margin: 25px auto;padding-top: 14px;}
.friend div:nth-child(2){width: 1160px;height: 90px;overflow: hidden;position: relative;margin: 20px 20px;}
.friend div:nth-child(2) a{ font-size: 16px;color: #5c5c5c;width: 124px;height: 31px;display: inline-block;}
.friend div:nth-child(2) a:hover{color: #01c1d6;}